<!DOCTYPE html>
<html lang="en">
	<head>
	    <meta charset="UTF-8">
	    <script type="text/javascript" src="../assets/js/vue.js" ></script>
	    <title>propsData</title>
	</head>
	<body>
		<h1>propsData</h1>
		<header></header>		
	</body>
	
	<script type="application/javascript">
		var header_a = Vue.extend({
			template: `<p>{{message}}--{{a}}</p>`,
			data:function(){
				return {
					message:"Hello World"
				}
			},
			props:['a']
		});
		
		new header_a({propsData:{a:1}}).$mount('header');
	</script>
</html>